Таблица Без Таблицы

[larafyll]

Вопрос #1:

Необходимо нарисовать 3 резиновыe колонки одинаковой ширины, которые в сумме занимают 100% ширины.

Существует решение через css-свойство table-layout, значением которого ставится fixed, однако оно не работает для элементов с display: table.

Существует ли способ, без использования таблиц и javasсript'а , реализовать это иначе?

Вариант с "width: 33%" не предлагать, так как он не занимает 100% ширины.

Вопрос #2:

По аналогии с предыдущим вопросом, нарисовать 3 резиновые строчки с одинаковой высотой, которые в сумме займут 100% высоты.

[sigma77]

larafyll,

Вопрос #1

Уже обсуждалось

3 равных по ширине блока

Вопрос #2

100% высоты чего?

Edited September 12, 2010 by sigma77

[larafyll]

Уже обсуждалось

3 равных по ширине блока

Я так понял рабочего решения для стопроцентной ширины без таблиц и js не существует..

Хорошо, а как насчет высоты?

100% высоты чего?

100% высоты родительского элемента.

[psywalker]

Хорошо, а как насчет высоты?

100% высоты родительского элемента.

А какая разница, 100 - это число никак не делиться на 3, хоть ты в ширину дели, а хоть в высоту. Равные доли не получаться.

[swetlana]

psywalker, а вот у меня почему-то делится…

и как ни делю, а всё получается ⅓.

Что я не так делаю?

[larafyll]

А какая разница, 100 - это число никак не делиться на 3, хоть ты в ширину дели, а хоть в высоту. Равные доли не получаться.

На практике на 3 высота делится не в процентах, а в пикселях - поэтому в каждом третьем случае равные доли получаться

При решении через table-layout: fixed видно, что доли не всегда равны - к примеру:

10 разделится на 3, 3 и 4;

11 разделится на 3, 4 и 4.

Вариант с дробным width частично решает проблему, но оставляет за собой неприятный оттенок решения задачи через.. очень непрямой путь. Наверное из-за того, что не будет работать с офигенно огромными значениями, каким бы незначительным не был этот факт.

В принципе я ищу красивое решение данной задачи. Хотя, как я понял, его попросту не существует..

Думаю, на этом тему можно закрывать.

Всем спасибо.